import React from "react";
import { Tabs } from "antd-mobile";
import LoginComp from "../../components/loginComp";
import TelLoginComp from "../../components/telLoginComp";
import { withPerformance } from "../../components/withPerformance";
// 定义一个名为Login的函数组件
const Login = () => {
  // 返回一个包含Tabs组件的div
  return (
    <div>
      <Tabs>
        {/* // 定义一个Tab组件，标题为“账户密码登录”，key值为1 */}
        <Tabs.Tab title="账户密码登录" key={1}>
          {/* // 在Tab组件中渲染LoginComp组件 */}
          <LoginComp></LoginComp>
        </Tabs.Tab>
        {/* // 定义一个Tab组件，标题为“手机号登录”，key值为2 */}
        <Tabs.Tab title="手机号登录" key={2}>
          {/* // 在Tab组件中渲染TelLoginComp组件 */}
          <TelLoginComp></TelLoginComp>
        </Tabs.Tab>
      </Tabs>
    </div>
  );
};

// 导出Login组件
export default withPerformance(Login) ;
